/* 
    Document   : index
    Created on : 29/12/2008, 12:26:19
    Author     : aldiene
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

<style type="text/css">
        <!--
        .style1 {
            font-family: Times New Roman, Times, serif;
            background:black;
            
            
        }
        .style2 {
            
            position:absolute;
            top: 170px;
            left:8px;
            background:black;
            
        }
        .style3{
            position:absolute;    
            top:190px;
            left:560px;
            width:195px;
            height:190px;
            background:#87CEFF;
            
        }
        .style4{
            position:absolute;    
            top:98px;
            left:300px;
            width:500px;
            height:400px;
            background:#87CEFF;
            
        }
        
        .texto {
            font-family:verdana,arial;
            text-decoration: none; 
            color:white;
            font-size: 15px
        }
        .texto:hover {
            font-family:verdana,arial;
            text-decoration: underline; 
            color: orange; 
            font-size: 10px
        }
        .font {
            font-family:verdana,arial;
            text-decoration: none; 
            color:white;
            font-size: 15px
        }
        .font1 {
            font-family:verdana,arial;
            text-decoration: none; 
            color:black;
            font-size: 15px
        }
        .font1:hover {
            font-family:verdana,arial;
            text-decoration: none; 
            color:orange;
            font-size: 15px
        }
        .font:hover {
            font-family:verdana,arial;
            text-decoration: underline; 
            color: #191970; 
            font-size: 15px
        }
        a.dcontexto{
            font-family:verdana,arial;
            text-decoration: none; 
            color:white;
            font-size: 15px;
            position:relative; 
            padding:0;
            border-bottom:2px dotted #039;
            cursor:help; 
            z-index:24;
        }
        a.dcontexto:hover{
            background:transparent;
            z-index:25; 
            font-family:verdana,arial;
            text-decoration: underline; 
            color: orange; 
            font-size: 10px
        }
        a.dcontexto span{display: none}
        a.dcontexto:hover span{ 
            display:block;
            position:absolute;
            width:230px; 
            top:3em;
            text-align:justify;
            left:0;
            font: 12px arial, verdana, helvetica, sans-serif; 
            padding:5px 10px;
            border:1px solid #999;
            background:#87CEFF; 
            color:#0000;
        }
        
        
    }
    div.texto1  { 
        position:absolute;
        top:3px;
        left:4px;
        
        color:#1E90FF;
        /*color:#f00*/
        
        color:#1E90FF;
        
        
        font: bold 35px Georgia, "Times New Roman", Times, serif;
    }
    
    div.sombra11 {
        position:relative;
        left:270px;
        color:black;
        /*color:#cccc;*/
        font: bold 35px Georgia, "Times New Roman", Times, serif;
    }
    
    body {
        margin:1;
        padding:0;
        /*background:#cccccc;*/
        text-align:center; /* hack para o IE */	
        
        
    }
    #tudo {
        width: 760px;
        margin:0 auto;			
        padding: 10px;
        text-align:left; /* "remédio" para o hack do IE */	
    }
    #conteudo {
        padding: 5px;
        background-color:#87CEFF;
        height:700px;
    }
    .colorRed{
        position:absolute;
        top:190px;
        left:263px;
        background:#1E90FF;;
        width:195px;
        height:25px;
        
    }
    .colorRed:hover,.colorVerde:hover, .colorAzul:hover, .colorLaranja:hover{
        background:#FFD700;
    }
    .colorVerde{
        position:absolute;
        top:220px;
        left:263px;
        background:#1E90FF;
        width:195px;
        height:25px;
    }
    .colorAzul{
        position:absolute;
        top:250px;
        left:263px;
        background:#1E90FF;
        width:195px;
        height:25px;
        
    }
    .colorLaranja{
        position:absolute;
        top:280px;
        left:263px;
        background:#1E90FF;
        width:195px;
        height:25px;
    }
    </style>
    -->
    